import React, { Component } from 'react'
import './Intr.scss'
export default class Intr extends Component {
  render() {
    // console.log(this.props);
    let { name, time, zanCount, msg, title, leixing, ter, wish,isrc } = this.props
    return (
        <div id="box-int">
          <h5>{name}</h5>
          <p className="time">{time}</p>
          <ul>
            <li>
              <span
              ><svg
                t="1640312282451"
                className="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2262"
                width="30"
                height="30"
              >
                  <path
                    d="M621.674667 408.021333c16.618667-74.24 28.224-127.936 34.837333-161.194666C673.152 163.093333 629.941333 85.333333 544.298667 85.333333c-77.226667 0-116.010667 38.378667-138.88 115.093334l-0.586667 2.24c-13.728 62.058667-34.72 110.165333-62.506667 144.586666a158.261333 158.261333 0 0 1-119.733333 58.965334l-21.909333 0.469333C148.437333 407.808 106.666667 450.816 106.666667 503.498667V821.333333c0 64.8 52.106667 117.333333 116.394666 117.333334h412.522667c84.736 0 160.373333-53.568 189.12-133.92l85.696-239.584c21.802667-60.96-9.536-128.202667-70.005333-150.186667a115.552 115.552 0 0 0-39.488-6.954667H621.674667z"
                    p-id="2263"
                    fill="#515151"
                  ></path></svg></span>
              <span>{zanCount}</span>
            </li>
            <li>
              <span
              ><svg
                t="1640312484333"
                className="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="9857"
                width="30"
                height="30"
              >
                  <path
                    d="M958.2 511.1C958.2 264.8 758.5 65 512.1 65S66 264.8 66 511.1c0 246.4 199.7 446.1 446.1 446.1H911c14 0 25.3-11.3 25.3-25.1L851 801.2c66.9-78 107.2-179.3 107.2-290.1z"
                    fill="#515151"
                    p-id="9858"
                    data-spm-anchor-id="a313x.7781069.0.i3"
                    className=""
                  ></path>
                  <path
                    d="M701.7 444.2c-30.8 0-55.8 25-55.8 55.8 0 30.8 25 55.8 55.8 55.8 30.8 0 55.8-25 55.8-55.8 0-30.8-25-55.8-55.8-55.8z m-401.5 0c-30.8 0-55.8 25-55.8 55.8 0 30.8 25 55.8 55.8 55.8s55.8-25 55.8-55.8c0-30.8-25-55.8-55.8-55.8z m200.8 0c-30.8 0-55.8 25-55.8 55.8 0 30.8 25 55.8 55.8 55.8s55.8-25 55.8-55.8c-0.1-30.8-25-55.8-55.8-55.8z"
                    fill="#ffffff"
                    p-id="9859"
                    data-spm-anchor-id="a313x.7781069.0.i4"
                    className="selected"
                  ></path></svg></span>
              <span>{msg}</span>
            </li>
            <li>
              <span
              ><svg
                t="1640312568554"
                className="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="11281"
                width="30"
                height="30"
              >
                  <path
                    d="M649.8 405L373.1 125.5s55.1-25.4 138.3-25.4c83.3 0 138.3 22.1 138.3 22.1V405z"
                    fill="#FC6B4F"
                    p-id="11282"
                  ></path>
                  <path
                    d="M681.9 534.5l2-393.2s56.9 21 115.8 79.9c58.9 58.9 82.2 113.5 82.2 113.5l-200 199.8z"
                    fill="#7838F2"
                    p-id="11283"
                  ></path>
                  <path
                    d="M614.1 651.5l279.5-276.7S919 429.9 919 513.1s-22.1 138.3-22.1 138.3H614.1z"
                    fill="#5698F3"
                    p-id="11284"
                  ></path>
                  <path
                    d="M486.2 687.5l393.2 2s-21 56.9-79.9 115.8C740.6 864.2 686 887.5 686 887.5l-199.8-200z"
                    fill="#20E9F4"
                    p-id="11285"
                  ></path>
                  <path
                    d="M373.1 621.4l276.7 279.5s-55.1 25.4-138.3 25.4c-83.2 0-138.3-22.1-138.3-22.1V621.4z"
                    fill="#00FD60"
                    p-id="11286"
                  ></path>
                  <path
                    d="M341 491.9l-2 393.2s-56.9-21-115.8-79.9S141 691.7 141 691.7l200-199.8z"
                    fill="#ABFB5B"
                    p-id="11287"
                  ></path>
                  <path
                    d="M408.8 374.9L129.3 651.5s-25.4-55.1-25.4-138.3S126 374.9 126 374.9h282.8z"
                    fill="#F0E254"
                    p-id="11288"
                  ></path>
                  <path
                    d="M536.7 338.8l-393.2-2s21-56.9 79.9-115.8 113.4-82 113.4-82l199.9 199.8z"
                    fill="#F6B351"
                    p-id="11289"
                  ></path></svg></span>
              <span>121</span>
            </li>
            <li>
              <span
              ><svg
                t="1640312712678"
                className="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="23281"
                width="30"
                height="30"
              >
                  <path
                    d="M348 700.4c21.7 3.6 71.2 7.4 94.1 7.4 200.9 0 335.7-149.5 335.7-325.2 0-175.8-168.5-318.3-335.7-318.3C241 64.3 78.4 206.8 78.4 382.6c0 101.8 38.8 188.3 111.9 250.5v158.7L348 700.4z m246.9-355.7c23 0 41.6 18.6 41.6 41.6s-18.6 41.6-41.6 41.6-41.6-18.6-41.6-41.6 18.6-41.6 41.6-41.6z m-168.2 0c23 0 41.6 18.6 41.6 41.6s-18.6 41.6-41.6 41.6-41.6-18.6-41.6-41.6c0-11 4.4-21.6 12.2-29.4 7.8-7.8 18.4-12.2 29.4-12.2z m-166.7 0c23 0 41.6 18.6 41.6 41.6S283 427.9 260 427.9s-41.6-18.6-41.6-41.6c0.1-23 18.7-41.6 41.6-41.6z m0 0"
                    p-id="23282"
                    data-spm-anchor-id="a313x.7781069.0.i10"
                    className=""
                    fill="#1afa29"
                  ></path>
                  <path
                    d="M832.3 319.9l1.4 24.1c0.2 22.9 0 20.8 0 42 0 223.1-175.8 377.7-419.7 377.7h-83.9c66.6 65.1 144.1 104.9 251.8 104.9 22.4-0.1 44.9-1.9 67-5.6l156.8 96.6V800.9c85-58.2 139.9-148.6 139.9-250.5 0-90.8-43.6-172.5-113.3-230.5z m0 0"
                    p-id="23283"
                    data-spm-anchor-id="a313x.7781069.0.i9"
                    className=""
                    fill="#1afa29"
                  ></path></svg
                ></span>
              <span>259</span>
            </li>
          </ul>
          <div className="bon">
            <img src={isrc} alt="" width="60" height="90"/>
            <div className="tt">
              <h5>{title}</h5>
              <p>{leixing}</p>
              <p className="ter">{ter}</p>
            </div>
            <div className="btn-int">预售</div>
          </div>
          <div className="wish">
            <p className="wh">
              <span
              ><svg
                t="1640313089505"
                className="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="23939"
                width="20"
                height="20"
              >
                  <path
                    d="M1015.2 395.2c-4-12.8-17.6-19.2-30.4-15.2l-17.6 5.6C772 376.8 602.4 252.8 534.4 69.6c-4.8-12.8-18.4-18.4-31.2-14.4-12.8 4.8-18.4 18.4-14.4 31.2C552 255.2 693.6 378.4 864 419.2l-148 48.8c-67.2-32.8-128-76-180-130.4V272c0-13.6-10.4-24-24-24s-24 10.4-24 24v65.6c-25.6 26.4-53.6 51.2-83.2 72.8-10.4 8-12.8 23.2-5.6 33.6 8 10.4 22.4 12.8 33.6 5.6 19.2-13.6 37.6-28.8 55.2-44.8v122.4L159.2 419.2c53.6-12.8 104.8-33.6 152-62.4 11.2-7.2 15.2-21.6 8-32.8-7.2-11.2-21.6-15.2-32.8-8-69.6 42.4-148.8 66.4-229.6 69.6l-17.6-5.6c-12.8-4-26.4 2.4-30.4 15.2-4 12.8 2.4 26.4 15.2 30.4l21.6 6.4c34.4 27.2 64 59.2 89.6 95.2 25.6 36 46.4 76 61.6 118.4 15.2 41.6 24 84.8 27.2 129.6 0.8 12.8 11.2 22.4 24 22.4h1.6c13.6-0.8 23.2-12.8 22.4-25.6-3.2-48.8-13.6-96-29.6-142.4-16.8-46.4-39.2-90.4-68-130.4-8-11.2-16.8-22.4-25.6-33.6L296 514.4c35.2 65.6 57.6 136 67.2 209.6l-184 253.6c-8 10.4-5.6 25.6 5.6 33.6 4 3.2 8.8 4.8 14.4 4.8 7.2 0 14.4-3.2 19.2-9.6l32.8-45.6c159.2-101.6 362.4-100.8 520.8 0.8v0.8l32 44.8c4.8 6.4 12 9.6 19.2 9.6 4.8 0 9.6-1.6 14.4-4.8 10.4-8 12.8-22.4 5.6-33.6l-26.4-36.8v-1.6c-52.8-187.2 10.4-385.6 161.6-507.2l20.8-6.4c12.8-5.6 20-18.4 16-31.2zM550.4 572.8L664 535.2c-19.2 43.2-33.6 88-43.2 134.4l-70.4-96.8z m101.6-84L536 527.2V404c36 32.8 74.4 60.8 116 84.8z m-292.8 46.4l137.6 44.8L580.8 696c-45.6-4.8-92-4.8-138.4 0l32.8-44.8c8-10.4 5.6-25.6-5.6-33.6-10.4-8-25.6-5.6-33.6 5.6l-33.6 46.4c-9.6-46.4-24-91.2-43.2-134.4z m399.2 361.6c-138.4-72-301.6-80-444.8-22.4l90.4-124.8c71.2-12 144.8-12 216 0l44 60.8c4.8 6.4 12 9.6 19.2 9.6 4.8 0 9.6-1.6 14.4-4.8 10.4-8 12.8-22.4 5.6-33.6l-42.4-58.4c9.6-73.6 32.8-144 67.2-209.6l148-48.8c-100 120-144 277.6-117.6 432z"
                    fill="#444B54"
                    p-id="23940"
                  ></path>
                  <path
                    d="M384 272m-24 0a24 24 0 1 0 48 0 24 24 0 1 0-48 0Z"
                    fill="#444B54"
                    p-id="23941"
                  ></path>
                </svg>
                猫眼想看</span>
            </p>
            <p className="ww"><span>{wish}</span> 人想看</p>
          </div>
        </div>
    )
  }
}
